.bot_fot {
    width: 100%;
    position: fixed;
    bottom: 0;
    text-align: center;
    z-index: 999;
    left: 0;
    height: 60px;
    background: -webkit-linear-gradient(#f6f6f6, white);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#f6f6f6, white);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#f6f6f6, white);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(#e9e9e9, white, #e9e9e9);
    /* 鏍囧噯鐨勮娉� */
    border-top: 0.5px solid gray;
    box-sizing: border-box;
}

.bot_fot .duanxinpg,
.bot_fot .indexpage {
    padding-top: .3rem;
    font-size: .7rem;
    line-height: 50px;
}

.bot_fot .indexpage {
    width: 14%;
}

.indexpage div img {
    width: 58%;
    padding-top: .2rem;
}

.duanxinpg div img {
    padding-top: .2rem;
    width: 40%;
    padding-top: -6px;
}

.bot_fot .duanxinpg {
    width: 17%;
}

.bot_fot .zixunpg {
    width: 27%;
}

.bot_fot .dianhuapg {
    width: 42%;
}

.indexpage div,
.duanxinpg div {
    height: 1.8rem;
    width: 100%;
}

.indexpage span {
    color: #56B8D4;
}

.duanxinpg span {
    color: #7F7F7F;
}

.dianhuapg div {
    height: 66%;
    line-height: 50px;
    text-align: center;
    position: relative;
}

.dianhuapg div img {
    position: absolute;
    bottom: .2rem;
    left: 0;
}

.bot_fot a {
    display: block;
    height: 100%;
    float: left;
    text-decoration: none;
}

.bot_fot a span {
    display: inline-block;
    width: 100%;
}

.zixunpg p,
.dianhuapg p {
    color: white;
}

.zixunpg {
    background: #fb9e44;
}

.dianhuapg {
    background: #cb1d1c;
}

.zixunpg p:nth-child(1),
.dianhuapg p:nth-child(1) {
    font-size: .9rem;
    line-height: 1.5rem;
    padding-top: 17px;
}

.zixunpg p:nth-child(2),
.dianhuapg p:nth-child(2) {
    font-size: .7rem;
    line-height: .7rem;
}
